<template>
  <div>
    <el-container>
      <el-header> </el-header>
      <el-main>
        <el-form ref="form" :model="form">
          <el-row>
            <el-col :span="10"
              ><div class="grid-content bg-purple">
                <el-form-item label-width="120px" label="项目名称">
                  <el-input v-model="form.project_name"></el-input>
                </el-form-item></div
            ></el-col>
            <el-col :span="10">
              <el-form-item label-width="120px" label="合同关联">
                <el-input
                  v-model="form.contract_twins"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2"
              ><el-button icon="el-icon-search" circle></el-button
            ></el-col>
          </el-row>
          <el-row>
            <el-col :span="10"
              ><el-form-item label-width="120px" label="管理级别">
                <el-radio v-model="form.radio" value="1" label="1"
                  >院管</el-radio
                >
                <el-radio v-model="form.radio" value="2" label="2"
                  >所管</el-radio
                >
              </el-form-item></el-col
            >
            <el-col :span="10">
              <el-form-item label-width="120px" label="审核级别">
                <el-checkbox v-model="form.dean_check">院审</el-checkbox>
                <el-checkbox v-model="form.institute_check">所审</el-checkbox>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="20">
              <el-form-item label-width="120px" label="建设单位">
                <el-input v-model="form.build_unit"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10">
              <el-form-item label-width="120px" label="建设地点">
                <el-input v-model="form.build_"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label-width="120px" label="建设规模">
                <el-select v-model="form.build_scale"> </el-select>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10">
              <el-form-item label-width="120px" label="建筑类别">
                <el-select v-model="form.project_level">
                </el-select> </el-form-item
            ></el-col>
            <el-col :span="10">
              <el-form-item label-width="120px" label="承接部门">
                <el-input
                  v-model="form.department_twins"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2"
              ><el-button icon="el-icon-search" circle></el-button
            ></el-col>
          </el-row>

          <el-row>
            <el-col :span="10">
              <el-form-item label-width="120px" label="结构形式："
                ><el-button @click="OpenStructureTree"
                  >选择结构样式</el-button
                ></el-form-item
              ></el-col
            >
            <el-col :span="10"
              ><el-form-item label-width="120px" label="建筑分类：">
                <el-button @click="OpenBuildTree"
                  >选择建筑分类</el-button
                ></el-form-item
              >
            </el-col>
          </el-row>

          <el-row>
            <el-col span="10">
              <el-form-item label-width="120px" label="设计阶段：">
                <el-checkbox v-model="form.dean_check">方法设计</el-checkbox>
                <el-checkbox v-model="form.institute_check"
                  >初步设计</el-checkbox
                >
                <el-checkbox v-model="form.dean_check">施工图设计</el-checkbox>
                <el-checkbox v-model="form.institute_check">其他</el-checkbox>
              </el-form-item>
            </el-col>
            <el-col span="10">
              <el-form-item label-width="120px" label="项目来源"
                ><el-select v-model="form.project_source" placeholder="请选择"
                  ><el-option
                    v-for="item in subsidiary_company_info"
                    :value="item.dic_id"
                    :key="item.dic_id"
                    :label="item.dic_name"
                  ></el-option> </el-select
              ></el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10">
              <el-form-item label-width="120px" label="甲方负责人">
                <el-input v-model="form.contract_twins"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2"
              ><el-button icon="el-icon-search" circle></el-button
            ></el-col>
            <el-col :span="10"
              ><div class="grid-content bg-purple">
                <el-form-item label-width="120px" label="甲方负责人电话">
                  <el-input v-model="form.project_name"></el-input>
                </el-form-item></div
            ></el-col>
          </el-row>

          <el-row>
            <el-col :span="10">
              <el-form-item label-width="120px" label="执行设总">
                <el-input
                  v-model="form.contract_twins"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2"
              ><el-button icon="el-icon-search" circle></el-button
            ></el-col>
            <el-col :span="10"
              ><div class="grid-content bg-purple">
                <el-form-item label-width="120px" label="电话">
                  <el-input v-model="form.project_name"></el-input>
                </el-form-item></div
            ></el-col>
          </el-row>

          <el-row>
            <el-col :span="10">
              <el-form-item label-width="120px" label="项目开始时间">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.contract_date"
                ></el-date-picker> </el-form-item
            ></el-col>

            <el-col :span="10">
              <el-form-item label-width="120px" label="项目完成时间">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.contract_date"
                ></el-date-picker> </el-form-item
            ></el-col>
          </el-row>

          <el-row>
            <el-col :span="20">
              <el-checkbox v-model="form.economy">经济所</el-checkbox>
              <el-checkbox v-model="form.heating">暖通热力所</el-checkbox>
              <el-checkbox v-model="form.institute_check">土建所</el-checkbox>
            </el-col>
          </el-row>
          <el-row>
            <el-col>
              <el-form-item label-width="120px" label="项目概况">
                <el-input
                  type="textarea"
                  placeholder="请输入内容"
                  v-model="form.textarea"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col>
              <el-form-item label-width="120px" label="项目备注">
                <el-input
                  type="textarea"
                  placeholder="请输入内容"
                  v-model="form.project_notes"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item label-width="120px" label="项目高清图">
              <el-upload
                class="upload-demo"
                :action="uploadUrl"
                multiple
                :on-success="handleAvatarSuccess"
                name="fileList"
                :show-file-list="false"
              >
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">
                  只能上传jpg/png文件，且不超过500kb
                </div>
              </el-upload>
            </el-form-item>
          </el-row>
        </el-form>
      </el-main>
      <el-footer>Footer</el-footer>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        proname: "",
        radio: 1,
        dean_check: true,
        institute_check: true,
      },
    };
  },
};
</script>

<style>
.el-row {
  margin-bottom: 20px;
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>